+
Figma to Lottie: Bring motion to Figma
7.3k likes
568k installs
Watch video
Production-ready animations on Figma
Create production-ready Lottie animations
The Figma to Lottie feature lets you create captivating animations within Figma effortlessly and export them as Lottie. Choose between using animated presets or connecting multiple frames to create your animations.
Premium animations
Access 300,00+ exclusive and fully customizable premium animations within Figma to create stunning products that your users will love.
Lottie Stickers for FigJam
Make your FigJam brainstorming, ideation and collaboration sessions more fun and exciting with direct access to 100,000+ free and 300,000+ premium Lottie Stickers.
Design prototypes just like final products
Add Lottie animations to your Figma prototypes and present the most realistic and engaging version of your designs to your stakeholders. Communicate effectively with motion and eliminate the guesswork.
Animations for every industry and use case imaginable
Search over 100,000 free ready-to-use Lottie animations from within our Figma plugin. All animations can be used for personal and commercial use.
Access your private files and your team's animation library
You can now insert your private files, and bring your team's shared library to your Figma designs for a more efficient and collaborative workflow.
Customize animations for your brand
Apply popular color palettes or bring your colors to match your brand style and aesthetics.
LottieFiles for Figma Dev Mode
NEW
Easily access your animations’ asset links and auto-generated embed codes directly within Figma and ship them in a heartbeat.
VS Code Support
Developers can now access animations’ links and codes right within VS Code. No more switching between Figma and VS Code!
Player Controls
Customize animation settings like play mode, direction, speed and more and generate its embed code with just a few clicks.
Automatic enabling of asset links
Forget the hassle of toggling between your workspace and Figma designs. Workspace animations’ asset links are automatically enabled when they’re inserted via LottieFiles for Figma.
Full preview of animations
You’ll be able to preview your selected animations in full motion, giving you a pretty good idea of how they’ll look and behave once they’re shipped.
Ship animations as Optimized dotLottie or Lottie JSON
You can choose to ship your animations in the Optimized dotLottie or Lottie JSON formats, ensuring your files are super tiny and will load in a jiffy.
What is a Lottie?
A Lottie is a JSON-based animation file format that uses a textual, descriptive representation of the animation elements and movement towards a smaller file size, platform independence, resolution independence, and variable frame rate during animation playback. Open-source and free Lottie players exist on the Web, iOS, Android, Windows, and other platforms.
Where can I download the LottieFiles for Figma plugin from?
What formats does the plugin support importing as?
What formats does the plugin support exporting as?
Do I need to log in to use the plugin?
Do I need an internet connection to use the plugin?
Does the LottieFiles for Figma plugin support dotLottie format?
Does the LottieFiles for Figma plugin support GIF format?
Does LottieFiles for Figma support SVG format?
Can I access my Private Animations from the plugin?
What is LottieFiles for Figma Dev Mode?
How can I access LottieFiles for Figma Dev Mode?
How do I use LottieFiles for Figma Dev Mode?
Can I preview animations before adding them from my Figma designs to a code environment?
What animation formats can I use when shipping animations through LottieFiles for Figma Dev Mode?
Why can’t the public animations I’ve inserted work in LottieFiles for Figma Dev Mode?
Will I be charged anything for using LottieFiles for Figma Dev Mode?
Can I collaborate with others using LottieFiles for Figma Dev Mode?
Is there support available if I encounter any issues or have questions about LottieFiles for Figma Dev Mode?
How can I stay updated with any new features or changes to LottieFiles for Figma Dev Mode?
Install LottieFiles for Figma
Get started with the plugin and all its features for free
7.3k likes
568k installs